<?php
   if ( !defined( "RUTA_BASE_SISTEMA" ) )
     {
        require "sistema/config/Constantes.php"; 
     }
     
   // Bandera que verifica si esta logeado o no
   $logeado = false;  
?>

<html xmlns="http://www.w3.org/1999/xhtml" lang="es">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title><?php  echo NOMBRE_SISTEMA ?></title>
      <link rel="stylesheet"  type="text/css" href="<?php echo CSS_RUTA_BASE ?>/general.css" media="screen" />
      <link rel="stylesheet"  type="text/css" href="<?php echo CSS_RUTA_BASE ?>/login_form.css" media="screen" />
      <link rel="stylesheet" media="screen" type="text/css" href="<?php echo JAVASCRIPT_JQUERY_PLUGINS . "/datepicker/css/datepicker.css"?>" />
      <link rel="stylesheet" type="text/css" href="<?php echo JAVASCRIPT_JQUERY_PLUGINS . "/lightbox/jquery.fancybox.css?v=2.0.6" ?>" media="screen" />
            
      <script type="text/javascript" src="<?php echo JAVASCRIPT_JQUERY ?>"></script>
      <script type="text/javascript" src="<?php echo JAVASCRIPT_JQUERY_UI ?>" ></script>
      <script type="text/javascript" src="<?php echo JAVASCRIPT_JQUERY_PLUGINS . "/datepicker/datepicker.js"?>"></script>
      <script type="text/javascript" src="<?php echo JAVASCRIPT_JQUERY_PLUGINS . "/lightbox/jquery.fancybox.js?v=2.0.6"?>"></script>
	
     <!-- <script type="text/javascript" src="<?php echo JAVASCRIPT_LESS ?>" ></script> -->
     
     <?php 
        if ( !$logeado )
          {
             echo '<script type="text/javascript" src="' . JAVASCRIPT_RUTA_BASE . "/sistema/index.js" . '"></script>';
          }
     ?>
      
   </head>
   <body>
   	  <div id="principal">	
          <div id="cabecera"></div>
          <div class="navegacion">
             <ul>
                <li><a href="">Inicio</a></li>
                <li><a href="">Examenes</a></li>
                <li><a href="">Noticias</a></li>
                <li><a href="">Quienes Somos</a></li>
                <li><a href="">Escuelas</a></li>
             </ul>
          </div>
          <div id="panel_login">
             <a href="#" id="login_boton"><span>Accesar al Sistema</span></a>
             <div style="clear:both"></div>
             <?php 
                if ( !$logeado )
                  {
             ?>             
                      <div id="loginBox">                
                          <form id="login_form" action="login.php" method="post">
                              <fieldset id="body">
                                  <fieldset>
                                      <label for="usuario">Usuario: </label>
                                      <div>
                                         <img id="loading" src="<?php echo IMAGES_RUTA_BASE . "/ajax-loader.gif"?>" />
                                         <label id="mensaje_login"></label>
                                      </div>
                                      
                                         
                                      <input type="text" name="usuario" id="usuario" />
                                 
                                      <label for="password">Contraseñas</label>
                                      <input type="password" name="password" id="password" />
                                  </fieldset>
                                  <input type="button" id="aceptar" name="aceptar" value="Aceptar" />
                                  <label for="checkbox"><input type="checkbox" id="checkbox" />Recordarme</label>
                              </fieldset>
                              <span><a id="recuperar_contrasena" class="fancybox.ajax" href="<?php echo RUTA_BASE_SISTEMA . "/sistema/admin/acceso/vista/registro_usuario.php"?>">Recuperar Contraseña</a></span>
                          </form>
                      </div>
                   </div>
             <?php 
                  }
             ?>      
          
          <div style="clear:both"></div>
          <div class="panel_derecho">
             <div id="panel">
                <div id="foto">
                   <img class="foto_usuario" src="<?php echo IMAGES_RUTA_BASE . "/foto.png"; ?>" />
                </div>
                <div id="agregar_foto">
                   <label>Agregar Foto</label>
                </div>
                <div class="panel_bienvenido">
                   <label>Bienvenido</label>   <br />  <br />               
                   <label class="usuario_logeado">(Administrador)</label><br />
                   <label class="usuario_logeado">
                         <?php 
                            echo "Juan Jose Muñiz Juarez"; 
                         ?>                   
                   </label>  
                </div>
                <div id="opciones_usuario">
                   <ul>
                      <li>Perfil</li>
                      <li>Entrar a SITKD</li>
                      <li>Cerrar Sesión</li>
                   </ul>
                </div>
             </div>
             <div id="panel_calendario">
                <div id="calendario"></div>    
                <div id="fecha_seleccionada">
                   <span>02</span>
                   <span>Abril 2012</span> 
                   <span id="sel"></span>
                </div>    
                       
             </div>
          </div>
          
          <div class="posts">
             <div class="fecha_post">
                <span class="dia_post">16</span>
                <span class="mes_post">Abril 2012</span>
             </div>
          </div>
          <div class="posts">
             <div class="fecha_post">
                <span class="dia_post">16</span>
                <span class="mes_post">Noviembre 2012</span>
             </div>
          </div>
          <div class="posts">
             <div class="fecha_post">
                <span class="dia_post">16</span>
                <span class="mes_post">Diciembre 2012</span>
             </div>
          </div>
          <div style="clear:both"></div>
          <div id="entradas_navegacion">
             <div id="anterior">
                <img id="img_anterior" src="<?php echo IMAGES_RUTA_BASE . "/backward.png"?>" />               
              </div>
              <div id="inicio">
                <img id="img_anterior" src="<?php echo IMAGES_RUTA_BASE . "/home.png"?>" />               
              </div>
             <div id="siguiente">
                <img id="img_siguiente" src="<?php echo IMAGES_RUTA_BASE . "/forward.png"?>" />               
              </div>
          </div>
          <div style="clear:both"></div>
          <div id="pie_pagina">
             <ul>
                <li>Derechos Reservados 2012</li>
                <li>
                   <a href="#">Contacto</a>
                </li>
                <li>
                   <a href="#">Mapa el Sitio</a>
                </li>
                <li>Desarrollado por Juan Jose</li>
                <li>Version : 1.0</li>
             </ul>
          </div>
      </div>
   </body>
</html>      
